/* real contents */
.container .gallery{
	width: 620px;
	height: 178px;
	background-image: url("../imgs/gallery.jpg");
}

.container .contents li{
	margin-top: 5px;
	padding: 40px 0px 40px 0px;
	width: 100%;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.container .contents li:first-child{
	margin: 0px;
	padding-top: 20px;
	border-top: none;
}

.container .contents li:last-child{
	border-bottom: none;
}

.container .contents li section{
	width: 440px;
}

.container .contents li header{
	font-size: 24px;
	font-weight: bolder;
}

.container .contents .desc,.container .contents .content{
	padding-right: 20px;
}

.container .contents .content{
	height: 120px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
	color:#545454;
	overflow:hidden;
}

.container .contents .desc{
	font-size: 14px;
	height: 30px;
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
}

.container .contents .desc > div{
	float: left;
}

.container .contents .desc .from{
	width: 180px;
	overflow:hidden;
	text-overflow: ellipsis;
}

.container .contents .desc .from .label{
	color: #B3B3B3;
	margin-right: 8px;
}

.container .contents .desc .from .name:hover, .container .contents .desc .from .name:active{
	color:#E24834;
}

.container .contents .desc .time{
	width: 145px;
	margin-top: -2px;
	color: #B3B3B3;
}

.container .contents .desc .time .clock{
	width: 18px;
	height: 18px;
	display:inline-block;
	border-radius: 9px;
	background-color: #E24834;
}

.container .contents .desc .time .hourHand{
	width: 4px;
	height: 6px;
	background-color: #fff;
	margin: 3px 0px 0px 7px;
}

.container .contents .desc .time .minHand{
	width: 2px;
	height: 9px;
	background-color: #fff;
	margin: -3px 0px 0px 9px;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.container .contents .desc .comment{
	float: right;
	margin-top: -5px;
	width: 80px;
	height: 24px;
	border-radius: 6px;
	border: 1px solid #D73210;
	background-color: #E24727;
}

.container .contents .desc .comment > p{
	float: left;
	height: 100%;
	line-height: 24px;
}

.container .contents .desc .comment .label{
	width: 60%;
	border-right: 1px solid #D73311;
}

.container .contents .desc .comment .count{
	width: 35%;
	border-left: 1px solid #E66A4E;
}

.container .contents li aside{
	float: right;
	margin: 24px 24px 0px 0px;
	width: 166px;
	height: 125px;
	border: 1px solid #ccc;
	padding: 8px;
	box-shadow: 0px 0px 5px #ccc;
	border-radius: 8px;
}

.container .contents li aside img{
	width: 166px;
	height: 125px;
}